<template>
  <ul class="list">
    <li class="item">A</li>
    <li class="item">B</li>
    <li class="item">C</li>
    <li class="item">D</li>
    <li class="item">E</li>
    <li class="item">F</li>
    <li class="item">G</li>
  </ul>
</template>
<script>
export default {
  name: 'CityAlphabet'
}
</script>
<style lang="scss" scoped>
@import '~style/base.scss';
 .list {
   display: flex;
   flex-direction: column;
   justify-content: center;
   position: absolute;
   top: 0.79rem;
   right: 0;
   bottom: 0;
   width: .2rem;
   color: $themeColor;
   font-size: .16rem;
   line-height: .22rem;
 }
</style>
